<template>
	<view>
		
		
		
		
		<view :style="{height:`${bottom_bar_height}px`}">
			<BottomBar v-model='barIndex' ref="BottomBar" :barlists="barlists"/>
		</view>
	</view>
</template>

<script>
	import config from '@/pages/shop/config.js'
	export default {
		data() {
			return {
				barlists:config.barlists,
				bottom_bar_height: 0,
				content_height: 0,
				barIndex: 4,
			}
		},
		mounted() {
			// console.log(11,this.$refs)
			this.bottom_bar_height = this.$refs.BottomBar.$el.clientHeight
			this.content_height = `calc(100vh - ${this.bottom_bar_height}px)`
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
